<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知乎日报flex版

    </title>
    <link rel="stylesheet" href="../css/main-up.css">
</head>

<body>
    <hr>
    <div class="header">
        <div class="logo"><img src="../image/logo.png" alt=""></div>
        <div class="nav-word">
            <p>APP下载</p>
        </div>
        <div class="nav-word">
            <p>浏览内容</p>
        </div>
    </div>
    <div class="back">
        <div class="phone"><img src="../image/phone_sample.png" alt=""></div>
        <div class="word">
            <h1>每天三次 每次七分钟</h1>
            <p>在中国，资讯类移动应用的人均阅读时长是五分钟，而在知乎日报，这个数字是21</p>
        </div>
    </div>
    <div class="nav-header">
        <div class="intro-start">浏览内容</div>
        <div class="intro-end">最新内容</div>
    </div>
    <div class="nav">
        <div class="content">
            <div class="image"><img src="../image/1.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>怎样使金属变得很脆？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/2.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>有哪些对你很有冲击力的设计？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/3.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>有哪些很重要，教练却没有教的技巧？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/4.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>谢谢天上掉的玩具？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/6.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>火车上的最大沙量标识是什么意思？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/7.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>翼龙可以当飞行坐骑嘛？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/1.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>怎样使金属变得很脆？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/2.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>有哪些对你很有冲击力的设计？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/3.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>有哪些很重要，教练却没有教的技巧？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/4.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>谢谢天上掉的玩具？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/6.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>火车上的最大沙量标识是什么意思？</p>
            </div>
        </div>
        <div class="content">
            <div class="image"><img src="../image/7.jpg" alt="" class="nangao"></div>
            <div class="paragraph">
                <p>翼龙可以当飞行坐骑嘛？</p>
            </div>
        </div>

    </div>
    <div class="vase">
        <p>更多精彩内容请在APP中查看</p>
    </div>
    <div class="footer">
        <div class="footer-word">
            <p class="footer-word-p1">知乎日报是一款拥有千万用户的资讯类客户端，每日提供来自知乎社区的精选问答，还有国内一流媒体的专栏特稿</p>
            <p>主题日报包括动漫、设计、大公司、游戏、财经、电影、电子音乐、互联网安全等丰富内容，为业内人和资深爱好者推荐各领域最精彩的文章，提高高质量阅读需求</p>
            <p>在知乎日报，告别浮躁，重获阅读的愉悦</p>
            <p>©2020知乎</p>
        </div>
        <div class="footer-img"><img src="../image/qr.png" alt="" class="footer-img-img">
            <p>扫描下载客户端</p>
        </div>

    </div>
</body>

</html>